<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Document</title>
	<link rel="stylesheet" type="text/css" href="./css/public.css"/>
	<link rel="stylesheet" type="text/css" href="./css/orderlist.css"/>
	<link rel="stylesheet" type="text/css" href="./css/glayer.css"/>
</head>
<body>
	<%- include('./header.html')%>
	<div class="center-main">
		<!--左侧导航-->
		<%- include('./side.html')%>
		<!--右侧主题内容-->
		<div class="center-main-content">
			<div class="orderlist">
				<div class="orderlisttitle">
					<span class="active">全部订单<i>22</i></span>
					<span>待付款<i>22</i></span>
					<span>已付款<i>22</i></span>
				</div>
				<div class="orderlistbox">
					<table class="orderlistboxtitle">
						<tr>
							<th>订单详情</th>
							<th class="width130">价格</th>
							<th class="width130">状态</th>
							<th class="width130">操作</th>
						</tr>
					</table>
					<table class="orderlistboxitem">
						<tr>
							<td colspan="4" class="orderlistboxitemtitle"><span>2020-10-23 11:45:46</span><span style="margin-left: 28px">订单号:</span><i>20201020114564612235115</i></td>
						</tr>
						<tr class="orderlistboxitem1">
							<td class="orderlistboxitemtr1">
								<a href="javascript:;">二级建造师</a>
								<span>2021二级建造师基础分学习班-全科2021二级建造师基础分学习班-全科2021二级建造师基础分学习班-全科2021二级建造师基础分学习班</span>
							</td>
							<td class="width130 orderlistboxitemtr2" align="center">
								<a href="javascript:;">新人券后价</a>
								<span>￥1699.00</span>
								<del>(￥1699.00)</del>
							</td>
							<td class="width130 orderlistboxitemtr3" align="center">
								<span class="yifu">已付款</span>
								<span>未付款</span>
								<i>查看详情</i>
							</td>
							<td class="width130 orderlistboxitemtr4" align="center">
								<i>剩余2天23时</i>
								<span>立即支付</span>
								<em>取消订单</em>
								<a href="javascript:;">开始学习</a>
							</td>
						</tr>
					</table>
					<table class="orderlistboxitem">
						<tr>
							<td colspan="4" class="orderlistboxitemtitle"><span>2020-10-23 11:45:46</span><span style="margin-left: 28px">订单号:</span><i>20201020114564612235115</i></td>
						</tr>
						<tr class="orderlistboxitem1">
							<td class="orderlistboxitemtr1">
								<a href="javascript:;">二级建造师</a>
								<span>2021二级建造师基础分学习班-全科2021二级建造师基础分学习班-全科2021二级建造师基础分学习班-全科2021二级建造师基础分学习班</span>
							</td>
							<td class="width130 orderlistboxitemtr2" align="center">
								<a href="javascript:;">新人券后价</a>
								<span>￥1699.00</span>
								<del>(￥1699.00)</del>
							</td>
							<td class="width130 orderlistboxitemtr3" align="center">
								<span class="yifu">已付款</span>
								<span>未付款</span>
								<i>查看详情</i>
							</td>
							<td class="width130 orderlistboxitemtr4" align="center">
								<i>剩余2天23时</i>
								<span>立即支付</span>
								<em>取消订单</em>
								<a href="javascript:;">开始学习</a>
							</td>
						</tr>
					</table>
				</div>
			</div>
		</div>
	</div>
	<%- include('./footer.html')%>
	<script src="./js/jquery-1.11.3.min.js"></script>
	<script src="./js/glayer.js"></script>
	<script>
		var layer = new Layer()
		$('.liveingboxbtn').click(function(){
			layer.alert('在此填入内容哈哈哈哈！',function(dom){
				console.log('关闭了啊啊啊！')
				dom.remove()
			})
		})
		
	</script>
</body>
</html>